<%--
  Created by IntelliJ IDEA.
  User: 李烨卿
  Date: 2018/4/23
  Time: 22:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>

<%-- <script src="jquery/jquery.min.js"></script>
 <script type="text/javascript" src="bootstrap/bootstrap/js/bootstrap.min.js"></script>
 <link href="bootstrap/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet"/>
 <script type="text/javascript" src="bootstrap/bootstrap-dialog/dist/js/bootstrap-dialog.min.js"></script>
 <link href="bootstrap/bootstrap-dialog/dist/css/bootstrap-dialog.css" type="text/css" rel="stylesheet"/>
 <link href="bootstrap/bootstrap-treeview/dist/bootstrap-treeview.min.css"  type="text/css" rel="stylesheet"/>
 <script type="text/javascript" src="bootstrap/bodotstrap-treeview/dist/bootstrap-treeview.min.js"></script>
 <script type="text/javascript" src="bootstrap/bootstrap-table/dist/bootstrap-table.js"></script>
 <link href="bootstrap/bootstrap-table/dist/bootstrap-table.css"  type="text/css" rel="stylesheet"/>
 <script type="text/javascript" src="bootstrap/bootStrap-addTabs/bootstrap.addtabs.js"></script>
 <link href="bootstrap/bootStrap-addTabs/bootstrap.addtabs.css"  type="text/css" rel="stylesheet"/>--%>

 <script src="./jquery/jquery.min.js"></script>
 <link rel="stylesheet" href="./bootstrap/bootstrap-table/dist/bootstrap-table.css">
 <link rel="stylesheet" href="./bootstrap/bootstrap/css/bootstrap.css">
 <script src="./bootstrap/bootstrap/js/bootstrap.js"></script>
 <script src="./bootstrap/bootstrap-table/dist/bootstrap-table.js"></script>

</head>
<body>

<!-- 表格 -->
<table id="biaoge" ></table>


<script type="text/javascript">

    $('#biaoge').bootstrapTable({
        url: 'http://localhost:8680/app/balance/queryuserinfo',
        method: 'GET',
        dataType:'json',
       // contentType:'application/json',
        striped: true,//设置为 true 会有隔行变色效果
        undefinedText: "空",//当数据为 undefined 时显示的字符
        pagination: false, //分页
        showToggle: "false",//是否显示 切换试图（table/card）按钮
        showColumns: "false",//是否显示 内容列下拉框
        pageNumber: 1,//如果设置了分页，首页页码
        showPaginationSwitch:true,//是否显示 数据条数选择框
        pageSize: 8,//如果设置了分页，页面数据条数
        pageList: [2, 4, 6, 8],  //如果设置了分页，设置可供选择的页面数据条数。设置为All 则显示所有记录。
        paginationPreText: '‹㊧',//指定分页条中上一页按钮的图标或文字,这里是<
        paginationNextText: '㊨›',//指定分页条中下一页按钮的图标或文字,这里是>
        data_local: "zh-US",//表格汉化
        sidePagination: "server", //服务端处理分页
        idField: "userid",//指定主键列
        columns: [{
            checkbox: true,
            visible: true                  //是否显示复选框
        },{
            field: 'username',
            title: '用户名'

        },{
            field: 'uservip',
            title: '用户等级'

        },{
            field: 'balance',
            title: '积分'

        }
        ]
    });

</script>

</body>
</html>
